/** When your routing table is too long, you can split it into small modules**/

import Layout from "@/layout/index.vue";

const echartsRouter = [{
  path: '/echarts',
  component: Layout,
  redirect: '/echarts/migration',
  name: 'echarts',
  meta: {
    title: 'Echarts',
    icon: 'icon-chart-mixed',
    roles:['other']
  },
  children: [
    {
      path: 'migration',
      component: () => import('@/views/echarts/migrationMap/index.vue'),
      name: 'migration',
      meta: { title: '迁徙图',  roles:['other'] , icon: 'icon-map-chart' }
    },

    {
      path: 'bar',
      component: () => import('@/views/echarts/barEcharts/index.vue'),
      name: 'bar',
      meta: { title: '柱状图', roles:['other'] , icon: 'icon-bar-chart'}
    },
    {
      path: 'graph',
      component: () => import('@/views/echarts/graphEcharts/index.vue'),
      name: 'graph',
      meta: { title: '关系图', roles:['other'] , icon: 'icon-radar-chart-1'}
    },

    {
      path: 'pie',
      component: () => import('@/views/echarts/pieEcharts/index.vue'),
      name: 'pie',
      meta: { title: '饼图', roles:['other'] , icon: 'icon-pie-chart'}
    },
    {
      path: 'simple',
      component: () => import('@/views/echarts/simple/index.vue'),
      name: 'echarts-simple',
      meta: { title: '简单图表', roles:['other'] , icon: 'icon-chart'}
    },

  ]
}]

export default echartsRouter
